<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="common/header.jsp"%>
<div class="clearfix"></div>
<div class="row">
  <div class="col-md-12 col-sm-12 col-xs-12">
    <div class="x_panel">
      <div class="x_title">
        <h2>修改APP基础信息 <i class="fa fa-user"></i><small>${login.devname}</small></h2>
             <div class="clearfix"></div>
      </div>
      <div class="x_content">
        <form class="form-horizontal form-label-left" action="${pageContext.request.contextPath}/updateAppInfo" method="post" enctype="multipart/form-data">
<input type="hidden" id="id"  name="id" value="${appInfo.id}">

          <div class="item form-group">
            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">软件名称 <span class="required">*</span>
            </label>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <input id="softwareName" class="form-control col-md-7 col-xs-12" 
               data-validate-length-range="20" data-validate-words="1" 
               name="softwarename" value="${appInfo.softwarename}" required="required"
               placeholder="请输入软件名称" type="text">
            </div>
          </div>
          <div class="item form-group">
            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">APK名称 <span class="required">*</span>
            </label>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <input id="APKName" type="text" class="form-control col-md-7 col-xs-12" 
              name="apkname" value="${appInfo.apkname}">
            </div>
          </div>
          
          <div class="item form-group">
            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">支持ROM <span class="required">*</span>
            </label>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <input id="supportROM" class="form-control col-md-7 col-xs-12" 
              	name="supportrom" value="${appInfo.supportrom}" required="required"
              	data-validate-length-range="20" data-validate-words="1" 
              	placeholder="请输入支持的ROM" type="text">
            </div>
          </div>
          <div class="item form-group">
            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">界面语言 <span class="required">*</span>
            </label>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <input id="interfaceLanguage" class="form-control col-md-7 col-xs-12" 
              data-validate-length-range="20" data-validate-words="1"  required="required"
              name="interfacelanguage" value="${appInfo.interfacelanguage}"
              placeholder="请输入软件支持的界面语言" type="text">
            </div>
          </div>
          <div class="item form-group">
            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="number">软件大小 <span class="required">*</span>
            </label>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <input type="number" id="softwaresize" name="softwaresize" value="${appInfo.softwaresize}" required="required"
              data-validate-minmax="10,500"  placeholder="请输入软件大小，单位为Mb" class="form-control col-md-7 col-xs-12">
            </div>
          </div>
          
          <div class="item form-group">
            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="number">下载次数 <span class="required">*</span>
            </label>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <input type="number" id="downloads" name="downloads" value="${appInfo.downloads}" required="required"
              data-validate-minmax="10,500"  placeholder="请输入下载次数" class="form-control col-md-7 col-xs-12">
            </div>
          </div>
          <div class="item form-group">
            <label class="control-label col-md-3 col-sm-3 col-xs-12"  for="select">所属平台 <span class="required">*</span></label>
            <div class="col-md-6 col-sm-6 col-xs-12">
               <select name="flatformid" id="queryFlatformId" class="form-control" required="required">
                 <option value="">请选择</option>
               </select>
            </div>
          </div>
          
          <div class="item form-group">
            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="select">一级分类 <span class="required">*</span></label>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <select name="categorylevel1" id="queryCategoryLevel1" class="form-control"  required="required">
                <option value="">请选择</option>
              </select>
            </div>
          </div>
          
          <div class="item form-group">
            <label class="control-label col-md-3 col-sm-3 col-xs-12"  for="select">二级分类 <span class="required">*</span></label>
            <div class="col-md-6 col-sm-6 col-xs-12">
            	  <select name="categorylevel2" id="queryCategoryLevel2" class="form-control"  required="required">
                    <option value="">请选择</option>
                  </select>
            </div>
          </div>
          
          <div class="item form-group">
            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="select">三级分类 <span class="required">*</span></label>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <select name="categorylevel3" id="queryCategoryLevel3" class="form-control"  required="required">
                <option value="">请选择</option>
              </select>
            </div>
          </div>
          <div class="item form-group">
            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">APP状态 <span class="required">*</span>
            </label>
            <div class="col-md-6 col-sm-6 col-xs-12">
            	<input id="statusName" type="text" class="form-control col-md-7 col-xs-12" 
              	name="statusName" value="${appInfo.statu}" readonly="readonly">
            </div>
          </div>
          <div class="item form-group">
            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="textarea">应用简介 <span class="required">*</span>
            </label>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <textarea id="appInfo" name="appinfo" required="required"
              placeholder="请输入本软件的相关信息，本信息作为软件的详细信息进行软件的介绍。" class="form-control col-md-7 col-xs-12">${appInfo.appinfo}</textarea>
            </div>
          </div>
             <div class="item form-group">
               <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">LOGO图片 <span class="required">*</span>
               </label>
               <div class="col-md-6 col-sm-6 col-xs-12">
                 <input type="hidden" name="oldPicPath" value="${appInfo.logopicpath}"  />
                 <c:if test="${appInfo.logopicpath!=null}">
                        <img src="${appInfo.logopicpath}" width="100" height="100">
                 </c:if>
                 <input type="file" class="form-control col-md-7 col-xs-12" name="a_logoPicPath"  id="a_logoPicPath"/>
               </div>
             </div>
          <div class="form-group">
            <div class="col-md-6 col-md-offset-3">
            	<c:if test="${appInfo.status == 3}">
            	 	<button id="send" type="submit" name="status" value="1" class="btn btn-success">保存并再次提交审核</button>
            	</c:if>
              <button id="send" type="submit" class="btn btn-success">保存</button>
              <button type="button" class="btn btn-primary" id="back">返回</button>
              <br/><br/>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<%@include file="common/footer.jsp"%>
<script language="JavaScript">
   $(function(){
       //2.发送异步请求加载平台
       $.get("${pageContext.request.contextPath}/getAppPtData",null,function(data){
           //循环数据生成option添加下拉列表
           for(var i=0;i<data.length;i++){
               var option=$("<option value='"+data[i].valueid+"'>"+data[i].valuename+"</option>");
               $("#queryFlatformId").append(option);
           }
           //设置默认选中项
           $("#queryFlatformId").val(${appInfo.flatformid});
       },"json");


       //3.发送异步请求加载一级分类
       $.get("${pageContext.request.contextPath}/getCategory",null,function(data){
           //循环数据生成option添加下拉列表
           for(var i=0;i<data.length;i++){
               var option=$("<option value='"+data[i].id+"'>"+data[i].categoryname+"</option>");
               $("#queryCategoryLevel1").append(option);
           }
           //设置默认选中项
           $("#queryCategoryLevel1").val(${appInfo.categorylevel1});
           //通过选中项查询对应的二级类别进行加载
           loadTwoCatagory();

       },"json");

       //4.当选择一级分类时，触发onchange事件加载二级分类:(二级联动效果)
       $("#queryCategoryLevel1").change(loadTwoCatagory);


       //5.当选择二级分类时，触发onchange事件加载三级分类:(二级联动效果)
       $("#queryCategoryLevel2").change(loadThreeCatagory);

   })



   //加载二级菜单
   function loadTwoCatagory(){
       //1.获取一级分类值
       var parentId=$("#queryCategoryLevel1").val();
       //2.发送异步请求通过分类的id查询子类
       //参数的格式:{"请求参数名称":参数值,"请求参数名称":参数值...}
       $("#queryCategoryLevel2>option:gt(0)").remove();//清空原有项
       $("#queryCategoryLevel3>option:gt(0)").remove();//清空原有项
       if(parentId!="")
       {
           $.get("${pageContext.request.contextPath}/getCategory",{"parentid":parentId},function(data){
               //循环数据生成option添加下拉列表
               for(var i=0;i<data.length;i++){
                   var option=$("<option value='"+data[i].id+"'>"+data[i].categoryname+"</option>");
                   $("#queryCategoryLevel2").append(option);
               }

               //设置二级菜单选中项
               $("#queryCategoryLevel2").val(${appInfo.categorylevel2});
               //自动加载当前类别子类
               loadThreeCatagory();

           },"json");
       }
   }

   //加载三级类别
   function loadThreeCatagory(){  //绑定事件
       //1.获取二级分类值
       var parentId=$("#queryCategoryLevel2").val();
       //2.发送异步请求通过分类的id查询子类
       //参数的格式:{"请求参数名称":参数值,"请求参数名称":参数值...}
       $("#queryCategoryLevel3>option:gt(0)").remove();//清空原有项
       if(parentId!="")
       {
           $.get("${pageContext.request.contextPath}/getCategory",{"parentid":parentId},function(data){
               //循环数据生成option添加下拉列表
               for(var i=0;i<data.length;i++){
                   var option=$("<option value='"+data[i].id+"'>"+data[i].categoryname+"</option>");
                   $("#queryCategoryLevel3").append(option);
               }
               //设置三级类别的选中项
               $("#queryCategoryLevel3").val(${appInfo.categorylevel3});
           },"json");
       }
   }
</script>